<template>
	<!-- 个人中心-账号管理 -->
	<view class="content">
		<view class="avatar">
			<text>头像</text>
			<view class="avatar-right">
				<image src="../../static/index/ico_tx@2x.png" mode=""></image>
				<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
			</view>
		</view>
		<view class="accountNumber">
			<view class="">
				账号
			</view>
			<view class="number">
				TCZH23070600042
			</view>
		</view>
		<view class="accountNumber">
			<text>昵称</text>
			<view class="avatar-right">
				<view class="admin">
					管理员
				</view>
				<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
			</view>
		</view>
		<view class="accountNumber">
			<text>手机号</text>
			<view class="avatar-right">
				<view class="mobile ">
					点击绑定手机号
				</view>
				<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
			</view>
		</view>
		<view class="logout">
			<u-button :custom-style="customStyle"  @click="logout">退出登录</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customStyle: {
					fontSize: '32rpx',
					borderRadius: '16rpx',
					background: '#1677FE',
					height: '100rpx',
					margin: '100rpx 55rpx 60rpx',
					color:"#fff"
				}
			}
		},
		onLoad() {

		},
		mounted() {
			
		},
		methods: {
			logout(){
				uni.navigateTo({
					url:"../login/index"
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "index.scss"
</style>
